Code Snippets Sidebar

The Code Snippets sidebar allows you to store snippets of custom code and insert them easily.  Snippets are managed in an explorer interface, similar to the Local Files sidebar. 

Folder Treeview

The top part of the sidebar displays all the code snippets subfolders.  You can add and remove folders from this treeview.  When you highlight a folder in the treeview, the list at the bottom of the sidebar is populated with the snippet files found in that folder. 

Context Menu:

The New Folder command creates a new child folder under the selected folder.

The Delete Folder command deletes the selected folder and all the snippets it contains.

Snippet Files List

The list displays the snippets in the currently selected folder. Double-click on a snippet file to insert it into the current document. When you insert a snippet into an open document, its starting code is placed before the current selection in the document and the ending code is placed after the current selection.
Context Menu:

The Insert Into Document command inserts the selected snippet into the current document.

The Add Code Snippet command opens the Code Snippet Properties dialog for adding a new snippet.

The Remove Code Snippet command deletes the currently selected snippet.

The Code Snippet Properties command displays the Code Snippet Properties dialog for editing the currently selected snippet.

The Refresh command refreshs the snippet file list for the selected folder.

The Rename command allows you to rename the selected snippet file.

Code Snippet Properties Dialog

Snippets are edited via a dialog which allows you to specify the name of the snippet, its starting code, and ending code. You can also use the Import buttons to import text from a text file into the Start Text and End Text textboxes.

Spider Writer Code Pack

Spider Writer comes packaged with some pre-existing snippets in a folder called Spider Writer Code Pack:

  • Last Modified Date (JavaScript)
  • 'Made with SW' button
  • Time-Based Greeting (JavaScript)